/**
 * Created by yinxiaofei on 2018/2/3.
 */
$(function(){

    $(".login-input input").focus(function(){
        $(this).parent().addClass("login-input-box");
        var iconName = $(this).parent().find("i").attr("yClass");
        $(this).parent().find("i").addClass(iconName);
    });
    $(".login-input input").blur(function(){
        $(this).parent().removeClass("login-input-box");
        var iconName = $(this).parent().find("i").attr("yClass");
        $(this).parent().find("i").removeClass(iconName);
    });
    $(".cols").click(function () {
        $(".login").hide();
    })
    $(".click-login").click(function () {
        $(".login").show();
        $(".register").hide();
    })
    $(".click-register").click(function () {
        $(".login").hide();
        $(".register").show();
    })

    $(".agreement i").click(function () {
        if($(this).find("input").is(":checked") == true){
            $(this).addClass("pitchOn");
            $(this).find("input").attr("checked",false);
        }else {
            $(this).removeClass("pitchOn");
            $(this).find("input").attr("checked",true);
        }
    })
    $(".layer-2 button").click(function () {
        window.location.href = "customized.html";
    })
    $(".select-houses").click(function () {
        $("#huxing").show();
    })
    $(".search-return").click(function () {
        $(".search-results").hide();
    })



    $(".switch").click(function () {
        $("#loupan").show();
    })
    $(document).mouseup(function(e){
        var con = $(".j_pop-up");
        if(!con.is(e.target) && con.has(e.target).length === 0){
            con.hide();
        }
    });

    $(".shop_ab1_left_imglist li").click(function () {
        $(".shop_ab1_left_imglist li").removeClass("active");
        $(this).addClass("active");
        var bigsrc = $(this).attr("bigsrc");
        $("#smallBox img").attr("src",bigsrc);
        $("#bigImg").attr("src",bigsrc);
    })
    
    $(".click-select").click(function () {
        var select_class = $(this).parent(".input-box").hasClass("select-show");
        if(select_class){
            $(this).parent(".input-box").removeClass("select-show");
        }else {
            $(this).parent(".input-box").addClass("select-show");
        }
    })

    $(".select-box li").click(function () {
       var select_text = $(this).parents(".input-box").find(".click-select").val();
       var new_text = $(this).text().replace(/\ +/g,"");
        $(this).parents(".input-box").find(".click-select").val(new_text);
        $(this).parents(".input-box").removeClass("select-show");
       if(select_text !== ""){
           $(this).text(select_text);
       }else {
           $(this).remove();
       }
    })


    // 地区选择
    var boxTip; //区分两个插件

    $(".p-tc").click(function (e) {
        // $(".j_pop-up").toggle();
        $(".j_pop-up").show();
        boxTip = "#huxing";
    })

    $("#loupan .tc").click(function (e) {
        $(".j_pop-up").show();
        boxTip = "#loupan";
    })
    $(".zxcity span").click(function () {
        var vtext = $(this).text();
        $(boxTip+" .sub-items").css("display","none");
        $(boxTip+" .p-item span").removeClass("active");
        $(this).addClass("active");
        $(boxTip+" .addres-val").find("span").text(vtext);
        $(boxTip+" .pop-val").text(vtext);
        $(boxTip+" .j_pop-up").hide();
    })

    $(".p-item span").click(function () {
        $(boxTip+" .p-item span").removeClass("active");
        $(boxTip+" .zxcity span").removeClass("active");
        $(this).addClass("active");
        var p_name = $(this).text();
        var p_id = $(this).parent(".p-item").attr("data-id");
        var sub_items = $(this).parent(".p-item").nextAll();
        sub_items.each(function(p){

            if($(this).hasClass("sub-items")){
                var cityAll;
                $.each(city, function(i, n){
                    if(i == p_id){
                        cityAll = n;
                        return false;
                    }
                    // console.log(i);
                });
                $(boxTip+" .sub-items").css("display","none");
                $(this).css("display","list-item");
                var sub_items_box = $(this).find("ul");
                sub_items_box.html("");
                sub_items_box.append('<li class="item" data-id="'+p_id+'" data-pid="'+p_id+'" data-token="'+p_name+'"><span>全部</span></li>');
                $.each(cityAll, function(j, m){
                    sub_items_box.append('<li class="item" data-id="'+j+'" data-pid="'+p_id+'" data-token="'+m+'"><span>'+m+'</span></li>');
                });
                return false;
            }
        });

    })

    $('.sub-items').on('click','span',function(){　　　　//动态事件绑定  为页面所有的dd添加一个事件 包括新增的节点
        var s_name = $(this).text();
        if(s_name == "全部"){
            s_name = $(this).parent(".item").attr("data-token");
        }
        $(boxTip+' .sub-items span').removeClass("active");
        $(this).addClass("active");
        $(boxTip+" .addres-val").find("span").text(s_name);
        $(boxTip+" .pop-val").text(s_name);
        $(boxTip+" .j_pop-up").hide();
    });

    $(".review-icon i").click(function () {
        $(this).parent(".review-icon").find("i").addClass("active");
        $(this).prevAll().removeClass("active");
        $(this).removeClass("active");
        $(this).parent(".review-icon").find("input").val($(this).index()+1);
    })

    $('#nav li').hover(function() {
        $('ul', this).slideDown(200);
        $(this).children('a:first').addClass("hov");
    }, function() {
        $('ul', this).slideUp(100);
        $(this).children('a:first').removeClass("hov");
    });

});